<template>
	<view>
		<wyb-popup ref="popup" type="center" height="850" width="750" bgColor="rgba(0,0,0,0)" radius="6" :showCloseIcon="false">
			        <image src="/static/del.jpg" mode="" class="img" @click="closes"></image>
				    <view class="popup-content" @click="payment">
				    </view>
		</wyb-popup>
	</view>
</template>

<script>
	import wybPopup from '@/components/wyb-popup/wyb-popup.vue';
	export default {
		components: {wybPopup}, 
		data() {
			return {
			}
		},
		methods: { 
			//购买VIP会员
			closes(){
				this.$refs.popup.hide();
			},
			payment(){
				this.$refs.popup.hide();
				if(this.selected==2){
					uni.navigateTo({
						url:"/pages/indexMallList/indexMallList"
					})
				}else{
				 uni.setStorageSync("params", {
				 	money: 399,
				 	title: '升级成->嘉云信用VIP',
				 	rank:2
				 });
				uni.navigateTo({
				  	url:'/pages/fumao/payrank?shop_id=131&level=2'
				 })
				}
			},
			show(){
				this.$refs.popup.show();
			}
		}
	}
</script>

<style>
	.img{
		width: 60upx;
		height: 60upx;
		border-radius: 50%;
		z-index: 99;
		margin-left: 620upx;
		margin-top: 10upx;
	}
	.popup-content{
		background-image: url(/static/kaitonfumao.png);
		background-size: 100% 90%;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
	} 
	
.header{
	 color: #0062CC;
	 display: inline-block;
	 width: 100%;
	 text-align: center;
	 margin-top: 30upx;
 }
 
 .vip,.pos{
	 margin-left: 58upx;
	 width:220upx;
	 height:220upx;
	 margin-top: 25upx;
 }
 .pos{
	 margin-left: -10upx;
 }
 .gmvip{
	 transform: translate(-132upx,4upx);
	 border: none;
 }
 .gmpos{
	 transform: translate(410upx,-50upx);
 }
 .but-box{
	width: 100%;
	text-align: center;
	position: fixed;
	bottom: 10rpx;
 }
 .but-box button{
	 display: inline-block;
	 width: 250upx;
 }
</style>
